<template>
	<footer>
		<div class="foot-main">
			<div class="foot-logo">
				<img src="../../assets/logo02.png" class="logo02" />
				<img src="../../assets/foot-factory.png" class="factory" />
			</div>
			<div class="foot-c">
				<ul>
					<li>关于我们</li>
					<li>|</li>
					<li>联系我们</li>
					<li>|</li>
					<li>意见反馈</li>
					<li>|</li>
					<li>版权声明</li>
				</ul>
				<div>Copyright © 2018~2038 小鹿线 www.xuexiluxian.cn 24小时服务热线：010-86483040</div>
			</div>
			<div class="wx">
				<ul>
					<li>
						<img src="../../assets/qrcode.jpg" alt="" />
						<span>官方微信</span>
					</li>
					<li>
						<img src="../../assets/laoshiwx.jpg" alt="" />
						<span>指导老师微信</span>
					</li>
				</ul>
			</div>
		</div>
	</footer>
</template>

<script></script>

<style scoped>
footer {
	width: 100%;
	height: 187px;
	background: #3483ff;
}
.foot-main {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1000px;
	height: 187px;
	margin: 0 auto;
}
.foot-logo {
	display: flex;
	align-items: center;
}
footer .logo02 {
	width: 127px;
	height: 50px;
}
footer .factory {
	width: 130px;
	height: 120px;
}
.foot-c {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;

	color: #fff;
}
.foot-c > ul {
	display: flex;
	font-size: 14px;
	margin-left: -10%;
}
.foot-c > ul > li {
	margin-left: 10px;
}

.foot-c > div {
	font-size: 10px;
}

.wx > ul {
	display: flex;
	align-items: center;
	color: #fff;
	font-size: 12px;
}
.wx > ul > li {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wx > ul > li + li {
	margin-left: 20px;
}
.wx img {
	width: 80px;
	height: 80px;
}
</style>
